* {
    margin: 0;
    padding: 0;
    text-align: left;
    font: 1em/1em Arial, Helvetica, sans-serif;
}

body { line-height: 1.5em; font-size: 76%; background: #eee; }

legend { font-weight: bold; }

label { display: block; margin: 0 0 .25em; }
.field.checkbox label,
.field.radio label { display: inline; }

input[type=text],
input[type=password],
input[type=email],
textarea { padding: 3px; border: 1px solid #ccc; }

button,
input[type=submit] { padding: 2px 10px; }

h1, h2, h3 { line-height: 1em; font-weight: bold; }
h1 { font-size: 1.8em; margin: 10px 0; }
h2 { font-size: 1.5em; }

p { margin: 0 0 1em; }

#flash-messenger { margin: 10px 15px 0; }
#flash-messenger li {
    padding: 5px 10px;
    border: 1px solid #ccc;
    background: #f8f8f8;
    list-style: none;
}

#content ol,
#content ul { padding: 0 0 0 1.5em; margin: 0 0 1em; }

.container { background: #fff; border: 1px solid #ccc;  margin: 0 0 10px; }
.container fieldset { padding: 10px 10px 0; border: none; }
.container .field { padding: 0 0 10px; }
.container .actions { padding: 5px 10px; border-top: 1px solid #ccc; }

.container table { width: 100%; border-collapse: collapse;}
.container thead th {
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    background: #f2f2f2;
    border-left: 1px solid #ccc;
}
.container th:first-child { border-left: none; }
.container tbody th,
.container tbody td { border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 5px; }
.container tbody input { border: none; width: 100%; font-size: 1.1em; padding: 2px 0; }

#page { font-size: 1.1em; }

#administration {
    background: #333;
    padding: 5px 15px;
    border-bottom: 1px solid #fff;
    overflow: hidden;
    border-bottom: 1px solid #000;

}
#administration h3 {
    color: #eee;
    font-weight: bold;
    float: left; 
    padding: 0 15px 0 0;
}
#administration a { color: #eee; }
#menu { float: left; }
#menu li { list-style: none; }
#logout-link { float: right; }
#content { padding: 15px; }